<template>
<view class="page"> 
	<template>
		<view class="body"> 		
			<view class="pic-list">
				<swiper class="swiper" circular :indicator-dots="swiperOption.indicatorDots" :autoplay="swiperOption.autoplay" :interval="swiperOption.interval" :duration="swiperOption.duration">
					<swiper-item>
						<view class="item"><image src="@/static/images/1.jpg" mode="widthFix"></image></view>
					</swiper-item>
					<swiper-item>
						<view class="item"><image src="@/static/images/1.jpg" mode="widthFix"></image></view>
					</swiper-item>
					<swiper-item>
						<view class="item"><image src="@/static/images/1.jpg" mode="widthFix"></image></view>
					</swiper-item>
				</swiper>
			</view>
			 
			<view class="mod-wrap m-b4">
				<view class="hd-title m-b2">病毒病叶</view>
				<view class="con">
					<view class="mod-grid m-b4">
						<view class="label">分类及别名</view>
						<view class="content">病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶</view>	
					</view>		
					
					<view class="mod-grid m-b4">
						<view class="label">分类及别名</view>
						<view class="content">病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶病毒病叶</view>	
					</view>
				</view>
			</view>			 
		</view>
	</template>
</view>
</template>

<script>
import { htmlParse } from '@/common/util.js' 

export default{
	name:'list',
	data(){
		return {
			type:'1',
			isIphoneX:false,
			id:'',  
			detail:{}, 
			htmlContent:[],
			label:[],
			list:[],
			loadingState:{
				default:false,
				loading:true
			}, 
			userInfo:uni.getStorageSync('userInfo'), 
			swiperOption:{
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500
			}
		}
	},
	async onLoad(params) {  
		this.id=params.id;
		this.type=params.type;   
	},
	mounted() {
		 
	},
	onReachBottom(){
		 	 
	},
	methods:{
		 
		 
	},
	components:{  
	 
	},
	computed:{
		 
	},
	watch:{
		 
	}
}
</script>

<style lang="less" scoped> 
	page,.page{
		height: 100%;
		background: #fff;
	}
	.mod-wrap{
		.hd-title{
			padding: 20rpx 30rpx;
			font-size: 36rpx;
			font-weight: bold;
		}
	}
	.pic-list{
		.swiper{
			height: 400rpx;
		}
		image{
			width: 100%;
		}
	} 
	.mod-grid{
		padding:0 30rpx; 
		.label{ 
			font-size: 32rpx;
			font-weight: bold;
		}
		.content{
			padding: 10rpx 0;
			font-size: 30rpx;
			color: #333;
		}		 
	}
</style>
